﻿<!DOCTYPE html>
<html>
  <head>
    <title>2.0 天气页面</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/2_0_天气页面/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/2_0_天气页面/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Rectangle (矩形) -->
      <div id="u1323" class="ax_default _形状" data-label="Rectangle">
        <div id="u1323_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1324" class="ax_default" data-left="75" data-top="667" data-width="361" data-height="74">

        <!-- Rectangle (矩形) -->
        <div id="u1325" class="ax_default _形状" data-label="Rectangle">
          <img id="u1325_img" class="img " src="images/2_0_天气页面/rectangle_u1325.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1326" class="ax_default image">
          <img id="u1326_img" class="img " src="images/1_0_闹钟页面/u167.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1327" class="ax_default image">
          <img id="u1327_img" class="img " src="images/1_0_闹钟页面/u169.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1328" class="ax_default icon">
          <img id="u1328_img" class="img " src="images/1_2_2_关闭/u1279.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1329" class="ax_default" data-left="99" data-top="34" data-width="338" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u1330" class="ax_default" data-left="399" data-top="34" data-width="30" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u1331" class="ax_default _形状">
            <div id="u1331_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1332" class="ax_default _形状">
            <div id="u1332_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1333" class="ax_default _形状">
            <div id="u1333_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1334" class="ax_default image">
          <img id="u1334_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1335" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1335_div" class=""></div>
          <div id="u1335_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1336" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1336_div" class=""></div>
          <div id="u1336_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1337" class="ax_default image">
        <img id="u1337_img" class="img " src="images/图例/u58.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u1338" class="ax_default _文本段落" data-label="Header 2">
        <div id="u1338_div" class=""></div>
        <div id="u1338_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1339" class="ax_default label">
        <div id="u1339_div" class=""></div>
        <div id="u1339_text" class="text ">
          <p><span>4月27日 星期二</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1340" class="ax_default icon">
        <img id="u1340_img" class="img " src="images/2_0_天气页面/u1340.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1341" class="ax_default label">
        <div id="u1341_div" class=""></div>
        <div id="u1341_text" class="text ">
          <p><span>从化区，阴</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1342" class="ax_default label">
        <div id="u1342_div" class=""></div>
        <div id="u1342_text" class="text ">
          <p><span>23</span><span>℃</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1343" class="ax_default label">
        <div id="u1343_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1344" class="ax_default" data-left="262" data-top="164" data-width="80" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u1345" class="ax_default" data-left="294" data-top="164" data-width="48" data-height="18">

          <!-- Unnamed (形状) -->
          <div id="u1346" class="ax_default">
            <img id="u1346_img" class="img " src="images/2_0_天气页面/u1346.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1347" class="ax_default">
            <img id="u1347_img" class="img " src="images/1_2_2_关闭/u1296.png"/>
            <div id="u1347_text" class="text ">
              <p><span>27°</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1348" class="ax_default">
            <img id="u1348_img" class="img " src="images/1_2_2_关闭/u1296.png"/>
            <div id="u1348_text" class="text ">
              <p><span>21°</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1349" class="ax_default label">
          <div id="u1349_div" class=""></div>
          <div id="u1349_text" class="text ">
            <p><span>昨日</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1350" class="ax_default" data-left="262" data-top="143" data-width="81" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u1351" class="ax_default" data-left="295" data-top="143" data-width="48" data-height="18">

          <!-- Unnamed (形状) -->
          <div id="u1352" class="ax_default">
            <img id="u1352_img" class="img " src="images/2_0_天气页面/u1346.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1353" class="ax_default">
            <img id="u1353_img" class="img " src="images/1_2_2_关闭/u1296.png"/>
            <div id="u1353_text" class="text ">
              <p><span>29°</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1354" class="ax_default">
            <img id="u1354_img" class="img " src="images/1_2_2_关闭/u1296.png"/>
            <div id="u1354_text" class="text ">
              <p><span>19°</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1355" class="ax_default label">
          <div id="u1355_div" class=""></div>
          <div id="u1355_text" class="text ">
            <p><span>今日</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1356" class="ax_default label">
        <div id="u1356_div" class=""></div>
        <div id="u1356_text" class="text ">
          <p><span>星座运势</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1357" class="ax_default ellipse">
        <img id="u1357_img" class="img " src="images/2_0_天气页面/u1357.png"/>
        <div id="u1357_text" class="text ">
          <p><span>星座头像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1358" class="ax_default box_1">
        <div id="u1358_div" class=""></div>
        <div id="u1358_text" class="text ">
          <p><span>鸡汤</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1359" class="ax_default box_1">
        <img id="u1359_img" class="img " src="images/2_0_天气页面/u1359.png"/>
        <div id="u1359_text" class="text ">
          <p><span>星座运势</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1360" class="ax_default" data-left="365" data-top="93" data-width="148" data-height="104">

        <!-- Unnamed (图片) -->
        <div id="u1361" class="ax_default image">
          <img id="u1361_img" class="img " src="images/图例/u63.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1362" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1362_div" class=""></div>
          <div id="u1362_text" class="text ">
            <p><span>下拉滑动（Swipe）</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1363" class="ax_default box_1">
        <img id="u1363_img" class="img " src="images/2_0_天气页面/u1363.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1364" class="ax_default label">
        <div id="u1364_div" class=""></div>
        <div id="u1364_text" class="text ">
          <p><span>功能逻辑：</span></p><p><span>打开智能闹钟app，点击底部云朵icon可进入天气页面，天气页面顶部有当天的日期以及用户所在地区昨天今天的天气对比。天气页面还将出现在关闭闹钟【1.2.2】后。天气模块下则是星座运势模块，有用户对应的星座头像，旁边 </span></p><p><span><br></span></p><p><span>交互逻辑：</span></p><p><span>点击底部云朵icon可进入天气页面，</span></p><p><span>下拉天气页面滑动可刷新页面，天气若有变化将会进行变动。</span></p><p><span><br></span></p><p><span>业务逻辑：</span></p><p><span>天气页面与昨天天气的对比更能方便用户对每日穿搭做出决策；星座运势模块增添了闹钟的趣味性。</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
